<?xml version="1.0" encoding="UTF-8"?>
<!--
  Licensed to the Apache Software Foundation (ASF) under one
  or more contributor license agreements.  See the NOTICE file
  distributed with this work for additional information
  regarding copyright ownership.  The ASF licenses this file
  to you under the Apache License, Version 2.0 (the
  "License"); you may not use this file except in compliance
  with the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied.  See the License for the
  specific language governing permissions and limitations
  under the License.
-->
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-9.xsd">
<wicket:panel>
	<div id="busy-indicator"><i class="fas fa-spinner fa-spin"></i></div>
	<div class="tabs" id="room-sidebar-tabs">
		<ul class="nav nav-tabs" role="tablist">
			<li class="nav-item">
				<a href="#room-sidebar-tab-users" class="nav-link active om-icon big tab user" id="room-sidebar-users-tab" data-bs-toggle="tab" role="tab" aria-controls="room-sidebar-tab-users" wicket:message="title:398">
					<i class="fas fa-users"></i>
					<span class="label"><wicket:message key="398"/>&nbsp;</span><span class="badge bg-info user-count end-0"></span>
				</a>
			</li>
			<li class="nav-item" wicket:enclosure="file-tab">
				<a href="#room-sidebar-tab-files" class="nav-link om-icon big tab file" id="room-sidebar-files-tab" data-bs-toggle="tab" role="tab" aria-controls="room-sidebar-tab-files" wicket:message="title:245" wicket:id="file-tab">
					<i class="fas fa-folder"></i>
					<span class="label"><wicket:message key="245"/></span>
				</a>
			</li>
			<li class="btn-dock btn btn-outline-secondary end-0" wicket:message="data-ttl-dock:label.dock.panel,data-ttl-undock:label.undock.panel">
				<i class="fas"></i>
				<span class="sr-only"></span>
			</li>
		</ul>
		<div class="tab-content">
			<div id="room-sidebar-tab-users" class="tab-pane fade show active" role="tabpanel" aria-labelledby="room-sidebar-users-tab">
				<div class="header">
					<span class="om-icon float-start settings clickable" wicket:message="title:306"></span>
					<span class="om-icon float-start activity cam clickable" wicket:message="data-on:camera.on,data-off:camera.off"></span>
					<span class="om-icon float-start activity mic bumper clickable" wicket:message="data-on:microphone.on,data-off:microphone.off"></span>
				</div>
				<div class="user-list clear"> <!-- auto-scrollable -->
					<div class="users"> <!-- content -->
					</div>
				</div>
			</div>
			<div id="room-sidebar-tab-files" class="tab-pane fade" role="tabpanel" aria-labelledby="room-sidebar-files-tab" wicket:enclosure="tree">
				<div class="file-list h-100" wicket:id="tree"></div>
			</div>
		</div>
	</div>
	<div wicket:id="activities"></div>
	<div wicket:id="addFolder"></div>
	<div wicket:id="upload"></div>
	<div wicket:id="settings" />
	<div hidden="hidden">
		<div id="user-entry-stub" class="user entry clearfix" >
			<span class="om-icon ulist-small user-status float-end " wicket:message="data-mod:679,data-wb:678,data-user:677"></span>
			<span class="float-end typing-activity">
				<i class="fas fa-pen-fancy"></i>
			</span>
			<div class="user name"></div>
			<span class="om-icon ulist-small audio-activity" wicket:message="data-speaks:ulist.user.speaks,data-mute:ulist.user.muteothers"></span>
			<div class="user actions clearfix">
			</div>
		</div>
		<div id="volume-control-stub" class="om-icon dropdown dropend volume-control float-end">
			<a class="fas volume-on" type="button" href="#" wicket:message="title:volume.label"></a>
			<div class="dropdown-menu">
				<div class="slider" wicket:message="title:volume.label">
					<div class="ui-slider-handle handle"></div>
				</div>
			</div>
		</div>
		<span id="user-av-restart" class="om-icon float-end restart clickable" wicket:message="title:lbl.refresh">
			<i class="fas fa-sync-alt"></i>
		</span>
		<div id="user-actions-stub">
			<span class="om-icon float-start right camera clickable" wicket:message="data-request:ulist.right.video.request,data-revoke:ulist.right.video.revoke,data-grant:ulist.right.video.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right audio bumper clickable" wicket:message="data-request:ulist.right.audio.request,data-revoke:ulist.right.audio.revoke,data-grant:ulist.right.audio.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right presenter bumper clickable" wicket:message="data-request:ulist.right.presenter.request,data-revoke:ulist.right.presenter.revoke,data-grant:ulist.right.presenter.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right wb bumper clickable" wicket:message="data-request:ulist.right.wb.request,data-revoke:ulist.right.wb.revoke,data-grant:ulist.right.wb.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right screen-share bumper clickable" wicket:message="data-request:ulist.right.share.request,data-revoke:ulist.right.share.revoke,data-grant:ulist.right.share.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right remote-control bumper clickable" wicket:message="data-request:ulist.right.remote.request,data-revoke:ulist.right.remote.revoke,data-grant:ulist.right.remote.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start right moderator bumper clickable" wicket:message="data-request:ulist.right.moderator.request,data-revoke:ulist.right.moderator.revoke,data-grant:ulist.right.moderator.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon float-start kick bumper clickable"
					wicket:message="title:603,data-btn-ok-label:54,data-btn-cancel-label:lbl.cancel,data-title:603,data-bs-content:605"
					data-btn-ok-class="btn btn-sm btn-danger"
					data-btn-ok-icon-class="fas fa-exclamation-triangle">
				<i class="fas fa-ban text-danger"></i>
			</span>
			<span class="om-icon float-end private-chat clickable" wicket:message="title:1493">
				<i class="fas fa-edit"></i>
			</span>
		</div>
	</div>
</wicket:panel>
</html>
